import React from "react";
import { ComponentStory, ComponentMeta } from "@storybook/react-native";
import { MySVGComp } from "./SVGComp";
import { View, Image } from "react-native";

const MySVGCompMeta: ComponentMeta<typeof MySVGComp> = {
  title: "MySVGComp",
  component: MySVGComp,
  args: {
    circles: [{cx:50, cy:50, r:45, stroke:"blue", strokeWidth:2.5, fill:"green"}],
    rects:  [{ x: 15, y: 35, width: 70, height: 70, stroke: 'red', strokeWidth: '2', fill: "yellow" }]
  },
};

export default MySVGCompMeta;

type MySVGCompStory = ComponentStory<typeof MySVGComp>;

export const Basic: MySVGCompStory = (args) => <MySVGComp {...args} />;
